<script>
  /*
      抖音IM客服

              https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/open-capacity/operation/private-account/customer-service/douyin-im-customer-service

              抖音IM客服是基于抖音IM开放的能力，开启后你可以在 "抖音客服服务平台"(https://life-im.douyin.com/cs/login) 网页端进行多客服管理，

              在web端内进行客服消息回复。

              适用于抖音、抖音极速版App经营，无客服或者客服功能不完善的开发者。
  */


  /*
      一、配置原理

                  1. 第一步：添加客服主管账号。

                           登录抖音开放平台控制台，进入目标小程序，在左侧导航栏选择「能力 > 互动能力 > 消息管理 > 客服管理」。

                           图示：

                                  https://p9-douyin-open.byteimg.com/tos-cn-i-9nona0m7ha/1795c59e2a0e499d9daa732c91211684~tplv-9nona0m7ha-image.image

                           在「客服管理」页面「抖音IM客服(官方推荐)」区域右侧打开启用开关。

                                  https://p9-douyin-open.byteimg.com/tos-cn-i-9nona0m7ha/b743380fb9d44e5f85e9d923bc245a51~tplv-9nona0m7ha-image.image

                          开启客服功能后，需要绑定客服主管的抖音号，扫码授权成功后平台将默认为该抖音号开通“抖音客服服务平台”权限，并将抖音号绑定到平台。

                          该抖音号可到抖音客服服务平台进行客服能力配置和管理。


                          图示：

                                  https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429738618


                                  https://p9-arcosite.byteimg.com/tos-cn-i-goo7wpa0wc/335468a4f0fc423db583ad2a8cea22b1~tplv-goo7wpa0wc-quality:q75.awebp


                  2、第二步： 开发者在小程序内添加 "客服按钮组件" ，在对应的按钮设置匹配的客服主管。

                                  客服按钮组件： https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/component/open-capacity/button-im-customer-service/


                  3、第三步： 前往 "抖音客服服务平台" ,并设置客服状态为在线，用户在小程序中即可与对应的客服进行沟通。

                                  "抖音客服服务平台" ： https://life-im.douyin.com/cs/login

                                  图示：

                                        https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429736802

  */

  /*
      二、客服功能介绍


                     1、登录、退出   

                               <1>、第一步： 客服人员通过抖音-扫码进行登录，登录成功之后，若该客服人员的关联小程序数量 > 1，则会出现小程序选择列表。

                                      图示：

                                           https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429738572

                               <2>、第二步：  登录成功之后，在页面的右上角有退出登录的按钮，点击之后会返回登录页。

                                      图示：

                                            https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429737781


                    2、会话窗口

                                          功能介绍                                             页面截图

                                    ①、操作人可以在抖音客服--咨询页面对消费者咨询的会话进行回复     https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429737319

                                    ②、客服状态
                                    
                                          在线： 
                                              可正常接受到新的咨询
                                          小休：                             https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429738028
                                              无法接受到新咨询
                                          离线：
                                                必须把所有会话都结束以后才
                                                可切换到离线状态


                                    ③、画画搜索：

                                            支持输入用户的名称进行绘画的搜索                         https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429737947

                                    ④、查看会话：

                                            支持查看当前进行中的会话和历史会话                       https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429737600
                                            
                                    ⑤、转接会话

                                            支持安静会话转接给团队内的其他客服人员                   https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429738367

                                    ⑤、主动关闭会话

                                            若用户长时间没回复货未提已解决，                         https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429738181
                                            客服人员可以主动关闭会话。

                                    ⑥、功能区

                                            支持发送变轻和图片                                     https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429738502


                  3、客服管理

                                      功能介绍                                                      页面截图

                                  ①、操作人员可以在抖音客服-设置-客服管理页面上做如下的操作：          https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429738701

                                        支持查看目前的客服人员信息支持完成客服相关的操作。

                                  ②、点击“添加客服”，出现“添加客服”弹窗。                            https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429739350

                                        客服人员通过抖音-扫描二维码将自己添加到该客服团队中

                                  ③、点击“编辑”，出现“编辑客服昵称”弹窗。                            https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429739822

                                        修改了名称的客服人员，在和用户对话过程中，会以这个名字进行展示。

                                  ④、点击“解绑客服”，出现二次确认弹窗。                              https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429741250

                                        解绑客服之后，该客服人员将被剔除该客服团队，无法再登录到会话窗口中
                                        
                                  ⑤、客服消息分配                                                  按照以下优先级进行分配，暂不支持客服主管做设置。

                                                                                                      △、上次咨询过的客服
                                                                                                      △、当前饱和度较低的客服
                                                                                                      △、随机

                  4、消息设置

                                操作人员可以在 "抖音客服-设置-消息设置页" 对当前工作台的提醒机制做控制声音提醒：  

                                    有新消息的时候会有声音提示弹窗提醒：有新消息的时候会有对应的弹窗提醒闪烁提醒：有新消息的时候，网页的 icon 会闪烁跳动。

                                    图示：

                                        https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429739064

                  5、会话设置

                                操作人员可以在抖音客服 -- 设置--会话设置页 控制盒用户沟通过程中的关键嘻嘻展示客服昵称：

                                    用户在会话窗口内看到的对话人的名称会话头像：用户在会话窗口内看到的对话人的头像。


                                    图示：

                                      https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429739165

                                    6小时内无人发言则自动关闭会话。

  */

  /*
      三、用户侧功能介绍

                  1、会话入口

                                用户在小程序内发起咨询之后，可以在 "抖音--消息-第三方客服消息" 内查看到历史会话。

                                开发者可以在小程序内，自行添加按钮作为入口

                                图示：

                                    https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429740540

                  2、会话窗口

                               ①、会话窗口基础共功能。

                                      点击店铺按钮之后跳转到小程序主页 (暂未支持，已有计划)，评价本次的服务质量，支持发送文字/表情/图片。

                                      图示：

                                          https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429741505

                               ②、发起会话自动带入卡片。

                                      脱开发者有传入商品，则支持自动带入商品卡片；如若开发者有传入订单，则支持自动带入订单卡片。

                                      图示：

                                          https://sf1-cdn-tos.douyinstatic.com/obj/microapp/frontend/docs/images/img1676429740999

                      
  */
</script>